<template>
	<view class="work-container">
		<view class="bigImg" style="width: 90%;text-align: center;">
			<image-view v-if="bigUrl && bigUrl.indexOf('http') > -1" style="width: 100%" :src="bigUrl" :big='true'
				:qj="bigUrl"></image-view>
			<image-view v-if="bigUrl && !(bigUrl.indexOf('http') > -1)" style="width: 100%" :src="bigUrl" :big='true'
				:qj="bigUrl"></image-view>
			<view>{{ $t('search:panorama') }}</view>
		</view>
		<view style="width: 100%;display: flex;justify-content: flex-start;">
			<view class="bigImg bigImgContain" style="text-align: center;width: auto;margin: 20px;position: relative;"
				@click="changeShow(1)">
				<!-- <image v-if="captureUrl" :src="'/fileApi/'+captureUrl"></image> -->
				<view v-if='captureUrl' class="details-icon-search" @click="searchAgain(1, captureUrl)"></view>
				<image-view v-if="captureUrl && captureUrl.indexOf('http') > -1" :src="captureUrl"
					style="width: 100%;height: 100%;object-fit: contain;"></image-view>
				<image-view v-if="captureUrl && !(captureUrl.indexOf('http') > -1)" :src="captureUrl"
					style="width: 100%;height: 100%;object-fit: contain;"></image-view>
				<view>{{ $t('search:snapshot') }}</view>
			</view>
			<view v-if="captureBodyId" class="bigImg bigImgContain"
				style="text-align: center;width: auto;margin: 20px;position: relative;" @click="changeShow(2)">
				<!-- <image v-if="faceUrl" :src="'/fileApi/'+faceUrl"></image> -->
				<view v-if='faceUrl' class="details-icon-search" @click="searchAgain(2, faceUrl)"></view>
				<image-view v-if="faceUrl && faceUrl.indexOf('http') > -1" :src="faceUrl"
					style="width: 100%;height: 100%;object-fit: contain;"></image-view>
				<image-view v-if="faceUrl && !(faceUrl.indexOf('http') > -1)" :src="faceUrl"
					style="width: 100%;height: 100%;object-fit: contain;"></image-view>
				<view>{{ $t('search:registrationPhoto') }}</view>
			</view>
		</view>
		<template v-if="showFlag == 1">
			<view class="Nav">
				<view class="typeCarS">
					{{ $t('search:targetFeature') }}
				</view>
			</view>
			<ul class="ul">
				<li class="li">
					<view class="title">{{ $t('search:gender') }}</view>
					<view class="tit">{{ faceItem.sex }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:age') }}</view>
					<view class="tit">{{ faceItem.faceAgeLowerLimit }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:time') }}</view>
					<view class="tit">{{ faceItem.captureTime }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:device') }}</view>
					<view class="tit">{{ faceItem.deviceName }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:address') }}</view>
					<view class="tit">{{ faceItem.address }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:wearingGlasses') }}</view>
					<view class="tit">{{ faceItem.glassesName }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:wearingSunglasses') }}</view>
					<view class="tit">{{ faceItem.sunGlassesName }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:wearingMask') }}</view>
					<view class="tit">{{ faceItem.maskName }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:ethnicity') }}</view>
					<view class="tit">{{ personItem.nationName }}</view>
				</li>
			</ul>
		</template>
		<template v-if="showFlag == 2">
			<view class="Nav">
				<view :class="index == 1 ? 'typeCarS' : 'typeCar'" @click="NavClick(1)">
					{{ $t('search:basicAttributes') }}
				</view>
				<view :class="index == 2 ? 'typeCarS' : 'typeCar'" @click="NavClick(2)">
					{{ $t('search:appearanceFeatures') }}
				</view>
				<view :class="index == 3 ? 'typeCarS' : 'typeCar'" @click="NavClick(3)">
					{{ $t('search:accessoryFeatures') }}
				</view>
			</view>
			<ul class="ul" v-if="index == 1">
				<li class="li">
					<view class="title">{{ $t('search:gender') }}</view>
					<view class="tit">{{ personItem.sexName }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:age') }}</view>
					<view class="tit">{{ faceItem.age ? faceItem.age : $t('search:unknown') }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:ethnicity') }}</view>
					<view class="tit">{{ personItem.nationName }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:direction') }}</view>
					<view class="tit">{{ personItem.directionName }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:captureTime') }}</view>
					<view class="tit">{{ personItem.captureTime }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:captureDevice') }}</view>
					<view class="tit">{{ personItem.deviceName }}</view>
				</li>


			</ul>
			<ul class="ul" v-if="index == 2">
				<li class="li">
					<view class="title">{{ $t('search:bodyType') }}</view>
					<view class="tit">{{ personItem.tx }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:hairStyle') }}</view>
					<view class="tit">{{ personItem.fx }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:beard') }}</view>
					<view class="tit">{{ personItem.hx }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:upperStyle') }}</view>
					<view class="tit">{{ personItem.szks }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:upperTexture') }}</view>
					<view class="tit">{{ personItem.szwl }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:upperColor') }}</view>
					<view class="tit">{{ personItem.szys }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:sleeves') }}</view>
					<view class="tit">{{ personItem.xz }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:lowerLength') }}</view>
					<view class="tit">{{ personItem.xycd }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:lowerStyle') }}</view>
					<view class="tit">{{ personItem.xzks }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:lowerColor') }}</view>
					<view class="tit">{{ personItem.xzys }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:shoesType') }}</view>
					<view class="tit">{{ personItem.xzzl }}</view>
				</li>

			</ul>
			<ul class="ul" v-if="index == 3">
				<li class="li">
					<view class="title">{{ $t('search:hat') }}</view>
					<view class="tit">{{ personItem.dm }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:headScarf') }}</view>
					<view class="tit">{{ personItem.tj }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:helmet') }}</view>
					<view class="tit">{{ personItem.tk }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:mask') }}</view>
					<view class="tit">{{ personItem.dkz }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:glasses') }}</view>
					<view class="tit">{{ personItem.dyj }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:scarf') }}</view>
					<view class="tit">{{ personItem.dwj }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:shoulderBag') }}</view>
					<view class="tit">{{ personItem.djb }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:backpack') }}</view>
					<view class="tit">{{ personItem.sjb }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:handbag') }}</view>
					<view class="tit">{{ personItem.stb }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:umbrella') }}</view>
					<view class="tit">{{ personItem.ys }}</view>
				</li>
				<li class="li">
					<view class="title">{{ $t('search:riding') }}</view>
					<view class="tit">{{ personItem.qc }}</view>
				</li>
			</ul>
		</template>

	</view>
</template>

<script>
import { getFaceDetails2, getPersonDetails2 } from '@/api/warning/details.js'
import { formatTime } from '@/utils/time'
import {
	getSex,
	getNationName,
	getAppendantGlassesName,
	getAppendantMaskName,
	getAppendantSunGlassesName
} from '@/utils/dict'
import {
	getAppendantScarfName,
	getBackpackName,
	getBodyAppendantCapName,
	getBodyAppendantHelmetName,
	getBodyCoatLengthName,
	getBodyGenderCodeName,
	getBodyHairStyleName,
	getBodyHasBeardName,
	getBodyHijabName,
	getBodyRideName,
	getBodyTypeName,
	getCoatColorName,
	getCoatStyleName,
	getCoatTextureName,
	getMoveDirectionName,
	getNewHandbagName,
	getShoesStyleName,
	getShoulderBagName,
	getTrousersColorName,
	getTrousersLengthName,
	getTrousersStyleName,
	getUmbrellaName
} from "../../../utils/dict";
export default {
	data() {
		return {
			bigUrl: '',
			showFlag: 1,
			list: [],
			captureBodyId: '',
			captureFaceId: '',
			captureTime: '',
			faceItem: {},
			personItem: {},
			index: 1,

			name: '',
			sex: '',
			age: '',
			certificateNo: '',
			reservoir: '',
			mask: '',
			equipment: '',
			time: '',
			address: '',
			fraction: '',
			faceUrl: '',
			captureUrl: ''
		}
	},
	computed: {

	},
	onLoad(option) {
		this.captureBodyId = option.captureBodyId || null
		this.captureFaceId = option.captureFaceId || null
		this.captureTime = option.captureTimeL
		this.getList()
	},
	methods: {
		searchAgain(index, src) {
			var obj = {}
			obj.imgUrl = src
			obj.showType = 1
			this.$tab.redirectTo('/pages/search/rljs/index?param=' + encodeURIComponent(JSON.stringify(obj)))
		},
		NavClick(index) {
			this.index = index
		},
		changeShow(index) {
			this.showFlag = index
		},
		getList() {
			// var params1 = {
			// 	assocType: 2,
			// 	captureIds: [this.captureFaceId],
			// 	captureTime: this.captureTime,
			// 	queryDataSource: 1
			// }
			console.log('this.captureFaceId', this.captureFaceId)
			var params1 = {
				"targetFields": ["acneStain", "acneStainScore", "address", "age", "ageGroup", "ageGroupScore",
					"ageIntervalUpLimit", "ageIntervalDownLimit", "attitude", "attitudeScore", "authResult",
					"birthday", "capColor", "capColorScore", "capStyle", "capStyleScore", "captureDataType",
					"captureExtField1", "captureExtField2", "captureExtField3", "captureExtField4",
					"captureExtField5", "captureFaceInfraredUrl", "captureFaceUrl", "captureReceiveTime",
					"captureSeq", "captureTime", "captureType", "cardGender", "cardGroup", "cardId",
					"cardNation", "cardOrg", "cardUrl", "clarityScore", "clarityScoreScore", "compareType",
					"createTime", "curRecordBodyTotal", "curRecordFaceTotal", "curRecordNonVehicleTotal",
					"curRecordVehicleTotal", "dataSource", "day", "devExtField1", "devExtField2",
					"devExtField3", "deviceAddress", "deviceId", "deviceName", "deviceType", "duplicateTag",
					"egCaptureId", "ethicCode", "ethicCodeScore", "expression", "expressionScore",
					"eyebrowStyle", "eyebrowStyleScore", "faceAgeLowerLimit", "faceAgeLowerLimitScore",
					"faceAgeUpLimit", "faceAgeUpLimitScore", "faceAppendantCap", "faceAppendantCapScore",
					"faceAppendantGlasses", "faceAppendantGlassesScore", "faceAppendantHelmet",
					"faceAppendantHelmetScore", "faceAppendantMaskColor", "faceBoxHeight", "faceBoxWidth",
					"faceBoxX", "faceBoxY", "faceCaptureClusterStatus", "faceCaptureDeleteStatus",
					"faceCaptureExternalId", "faceCaptureTime", "faceClarity", "faceClarityScore",
					"faceClarityScoreScore", "faceClarityScoreScoreScore", "faceConfidence",
					"faceConfidenceScore", "faceFeature", "faceFeatureStatus", "faceFeatureStatusRemark",
					"faceFileId", "faceGenderCode", "faceGenderCodeScore", "faceGlassesColor",
					"faceGlassesColorScore", "faceGlassesStyle", "faceGlassesStyleScore", "faceHairColor",
					"faceHairColorScore", "faceHairStyle", "faceHairStyleScore", "faceId", "faceIsCovered",
					"faceIsCoveredScore", "faceIsDeputyDriver", "faceIsDeputyDriverScore", "faceIsDriver",
					"faceIsDriverScore", "faceIsMouthOpening", "faceIsMouthOpeningScore", "faceIsReal",
					"faceIsRealScore", "faceIsSkinNormal", "faceIsSkinNormalScore", "faceIsStraight",
					"faceIsStraightScore", "faceIsSunglass", "faceIsSunglassScore", "faceLeftEyeOpening",
					"faceLeftEyeOpeningScore", "faceLogId", "faceObjectId", "faceOcclusion",
					"faceOcclusionScore", "facePath", "facePitchEnum", "facePitchEnumScore", "facePartial",
					"facePartialScore", "faceQualityScore", "faceQualityScoreExt", "faceReserveInfo",
					"faceRightEyeOpening", "faceRightEyeOpeningScore", "faceRollEnum", "faceRollEnumScore",
					"faceSkinColor", "faceSkinColorScore", "faceStyle", "faceStyleScore", "faceTag",
					"faceTemperature", "faceTemperatureScore", "faceTrackId", "faceTrackIdBeginTime",
					"faceYawEnum", "faceYawEnumScore", "freckleBirthmark", "freckleBirthmarkScore",
					"fromSystem", "guid", "faceHasBeard", "faceHasBeardScore", "hour", "icCardNo",
					"icCardType", "isLinkage", "lat", "leftBlinkScore", "leftBlinkState", "lightScore",
					"lightScoreScore", "lipStyle", "lipStyleScore", "lng", "mon", "month", "mouthScore",
					"mouthScoreScore", "mustaStyle", "mustaStyleScore", "name", "nation", "nationScore",
					"noseStyle", "noseStyleScore", "otherFeature", "otherFeatureScore",
					"panoramaFaceInfraredUrl", "panoramaFaceUrl", "phoneNo", "pitch", "pitchScore",
					"printFaceScore", "printFaceScoreScore", "race", "raceScore", "recognitionWay", "remark",
					"respirator", "respiratorColor", "respiratorColorScore", "respiratorScore",
					"rightBlinkScore", "rightBlinkState", "roll", "rollScore", "scarDimple", "scarDimpleScore",
					"score", "subDeviceType", "subType", "systemNo", "targetFaceBoxHeight",
					"targetFaceBoxWidth", "targetFaceBoxX", "targetFaceBoxY", "threshold", "validdateEnd",
					"validdateStart", "videoId", "wrinklePouch", "wrinklePouchScore", "yaw", "yawScore", "year"
				],
				"sysCaptureFaceIds": [this.captureFaceId]
			}
			getFaceDetails2(params1).then(res => {
				this.faceItem = res.data[0].targetFieldMapping
				this.faceItem.captureTime = formatTime(this.faceItem.captureTime)
				this.faceItem.sex = getSex(this.faceItem.faceGenderCode)
				this.faceItem.nationName = getNationName(this.faceItem.nation)
				this.faceItem.glassesName = getAppendantGlassesName(this.faceItem.faceAppendantGlasses)
				this.faceItem.maskName = getAppendantMaskName(this.faceItem.respirator)
				this.faceItem.sunGlassesName = getAppendantSunGlassesName(this.faceItem.faceIsSunglass)
				this.captureUrl = res.data[0].targetFieldMapping.captureFaceUrl
				this.bigUrl = res.data[0].targetFieldMapping.panoramaFaceUrl
			})
			// var params2 = {
			// 	assocType: 3,
			// 	captureIds: [this.captureBodyId],
			// 	captureTime: this.captureTime,
			// 	queryDataSource: 1
			// }
			if (this.captureBodyId) {
				var params2 = {
					"targetFields": ["appendantGlasses", "appendantGlassesScore", "appendantMask",
						"appendantMaskScore", "appendantOther", "appendantOtherScore", "appendantPack",
						"appendantPackScore", "appendantPhone", "appendantPhoneScore", "appendantScarf",
						"appendantScarfScore", "appendantUmbrella", "appendantUmbrellaScore", "appendantWatch",
						"appendantWatchScore", "backpack", "backpackScore", "bagStyle", "bagStyleScore",
						"barrow",
						"barrowScore", "behavior", "behaviorScore", "bodyAgeGroup", "bodyAgeGroupScore",
						"bodyAgeLowerLimit", "bodyAgeLowerLimitScore", "bodyAgeUpLimit", "bodyAgeUpLimitScore",
						"bodyAppendantCap", "bodyAppendantCapScore", "bodyAppendantHelmet",
						"bodyAppendantHelmetScore", "bodyBoxHeight", "bodyBoxWidth", "bodyBoxX", "bodyBoxY",
						"bodyCaptureClusterStatus", "bodyCaptureDeleteStatus", "bodyCaptureExternalId",
						"bodyCaptureTime", "bodyCoatLength", "bodyCoatLengthScore", "bodyEthicCode",
						"bodyEthicCodeScore", "bodyFaceStyle", "bodyFaceStyleScore", "bodyFeature",
						"bodyFeatureScore", "bodyFeatureStatus", "bodyFeatureStatusRemark", "bodyFileId",
						"bodyGenderCode", "bodyGenderCodeScore", "bodyGlassColor", "bodyGlassColorScore",
						"bodyGlassStyle", "bodyGlassStyleScore", "bodyHairColor", "bodyHairColorScore",
						"bodyHairStyle", "bodyHairStyleScore", "bodyHasBeard", "bodyHasBeardScore",
						"bodyHijab",
						"bodyHijabScore", "bodyIsDeputyDriver", "bodyIsDeputyDriverScore", "bodyIsDriver",
						"bodyIsDriverScore", "bodyLogId", "bodyObjectId", "bodyOnFoot", "bodyOnFootScore",
						"bodyQualityScore", "bodyQualityScoreExt", "bodyReserveInfo", "bodyRide",
						"bodyRideScore",
						"bodySafeBelt", "bodySafeBeltScore", "bodySkinColor", "bodySkinColorScore",
						"bodyState",
						"bodyStateScore", "bodyTemperature", "bodyTemperatureScore", "bodyTrackId",
						"bodyTrackIdBeginTime", "bodyType", "bodyTypeScore", "bodyVertTruncation",
						"bodyVertTruncationScore", "captureBodyInfraredUrl", "captureBodyUrl",
						"captureDataType",
						"captureExtField1", "captureExtField2", "captureExtField3", "captureExtField4",
						"captureExtField5", "captureReceiveTime", "captureSeq", "captureTime", "captureType",
						"carry", "carryScore", "coatColor", "coatColorScore", "coatStyle", "coatStyleScore",
						"coatTexture", "coatTextureScore", "createTime", "curRecordBodyTotal",
						"curRecordFaceTotal", "curRecordNonVehicleTotal", "curRecordVehicleTotal",
						"dataSource",
						"day", "detWithHelmet", "detWithHelmetScore", "devExtField1", "devExtField2",
						"devExtField3", "deviceAddress", "deviceId", "deviceName", "deviceType",
						"duplicateTag",
						"egCaptureId", "facialFeature", "facialFeatureScore", "featureStr", "fromSystem",
						"frontPackStyle", "frontPackStyleScore", "guid", "habitualMovement",
						"habitualMovementScore", "haveBaby", "haveBabyScore", "heightLowerLimit",
						"heightLowerLimitScore", "heightUpLimit", "heightUpLimitScore", "hour", "isLinkage",
						"lat",
						"lng", "mon", "month", "moveDirection", "moveDirectionScore", "moveSpeed",
						"moveSpeedScore", "newHandbag", "newHandbagScore", "panoramaBodyInfraredUrl",
						"panoramaBodyUrl", "personStatus", "personStatusScore", "physicalFeature",
						"physicalFeatureScore", "remark", "scarfColor", "scarfColorScore", "shoesColor",
						"shoesColorScore", "shoesStyle", "shoesStyleScore", "shoulderBag", "shoulderBagScore",
						"subDeviceType", "subType", "suitCase", "suitCaseScore", "systemNo",
						"targetBodyBoxHeight",
						"targetBodyBoxWidth", "targetBodyBoxX", "targetBodyBoxY", "trousersColor",
						"trousersColorScore", "trousersLength", "trousersLengthScore", "trousersStyle",
						"trousersStyleScore", "umbrella", "umbrellaColor", "umbrellaColorScore",
						"umbrellaScore",
						"year"
					],
					"sysCaptureBodyIds": [this.captureBodyId]
				}
				getPersonDetails2(params2).then(res => {
					this.personItem = res.data[0].targetFieldMapping
					this.faceUrl = res.data[0].targetFieldMapping.captureBodyUrl
					this.personItem.captureTime = formatTime(this.personItem.captureTime)
					this.personItem.nationName = getNationName(this.personItem.bodyEthicCode)
					this.personItem.sexName = getBodyGenderCodeName(this.personItem.bodyGenderCode)
					this.personItem.directionName = getMoveDirectionName(this.personItem.moveDirection)

					this.personItem.tx = getBodyTypeName(this.personItem.bodyType)
					this.personItem.fx = getBodyHairStyleName(this.personItem.bodyHairStyle)
					this.personItem.hx = getBodyHasBeardName(this.personItem.bodyHasBeard)
					this.personItem.szks = getCoatStyleName(this.personItem.coatStyle)
					this.personItem.szwl = getCoatTextureName(this.personItem.coatTexture)
					this.personItem.szys = getCoatColorName(this.personItem.coatColor)
					this.personItem.xz = getBodyCoatLengthName(this.personItem.bodyCoatLength)
					this.personItem.xycd = getTrousersLengthName(this.personItem.trousersLength)
					this.personItem.xzks = getTrousersStyleName(this.personItem.trousersStyle)
					this.personItem.xzys = getTrousersColorName(this.personItem.trousersColor)
					this.personItem.xzzl = getShoesStyleName(this.personItem.shoesStyle)

					this.personItem.dm = getBodyAppendantCapName(this.personItem.bodyAppendantCap)
					this.personItem.tj = getBodyHijabName(this.personItem.bodyHijab)
					this.personItem.tk = getBodyAppendantHelmetName(this.personItem.bodyAppendantHelmet)
					this.personItem.dkz = getAppendantMaskName(this.personItem.appendantGlasses)
					this.personItem.dyj = getAppendantGlassesName(this.personItem.appendantMask)
					this.personItem.dwj = getAppendantScarfName(this.personItem.appendantScarf)
					this.personItem.djb = getShoulderBagName(this.personItem.shoulderBag)
					this.personItem.sjb = getBackpackName(this.personItem.backpack)
					this.personItem.stb = getNewHandbagName(this.personItem.newHandbag)
					this.personItem.ys = getUmbrellaName(this.personItem.appendantUmbrella)
					this.personItem.qc = getBodyRideName(this.personItem.bodyRide)
				})
			}
		}
	}
}
</script>

<style>
page {
	background-color: #fff;
}

.top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 40rpx 40rpx 10rpx 40rpx;
}

.top .image {
	width: 35%;
}

.image .img {
	width: 235rpx;
	height: 235rpx;
	border-radius: 10rpx;
}

.Proportion_box {
	width: 30%;
	padding: 30rpx 30rpx;
}

.Proportion {
	width: 148rpx;
	height: 148rpx;
	font-size: 40rpx;
	color: #2979ff;
	border-radius: 100rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #2979ff;
}

.text {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40rpx 30rpx 40rpx;
}

.text .txt {
	width: 35%;
	text-align: center;
	color: #8d8d8d;
}

.ul {
	padding: 0 40rpx;
}

.li {
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 30rpx 0;
	border-bottom: 1px solid #ddd;
}

.li .title {
	color: #595959;
	width: 30%;
}

.li .tit {
	width: 70%;
	color: #000;
	display: flex;
	justify-content: flex-end;
}

.Nav {
	width: 700rpx;
	margin: auto;
	display: flex;
	justify-content: space-evenly;
	border-bottom: 1px solid #f1f1f1;
}

.typeCar {
	padding: 20rpx;
}

.typeCarS {
	padding: 20rpx;
	border-bottom: 1px solid #2979ff;
	color: #2979ff;
}

.bigImg {
	width: 300rpx;
	height: 400rpx;
	margin: 40rpx auto;
}

.bigImgContain {
	flex: 1 1 0%;
	background-color: #f1f1f1;
}

.bigImg image {
	width: 300rpx;
	height: 400rpx;
}

.details-icon-search {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 1;
	background: url('../../../static/images/icon_search.png');
	background-size: 100% 100%;
}
</style>